<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>诉求记录</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="./public/css/sm.css">
    <link rel="stylesheet" href="./public/css/sm-extend.css">
    <link rel="stylesheet" href="./public/css/self.css">
    <!-- 阿里图标 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_461630_19kccv2akn3lerk9.css">

    <script src="./public/js/zepto.js"></script>

</head>
<body>

<div class="page-group" style="background: #fff">
    <div id="page-fixed-tab-infinite-scroll" class="page page-current" interAddress="api/wxapi/workorder/getlist">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back" href="javascript:history.go(-1)" id="back">
                <span class="iconfont icon-fanhui1"></span>
                返回
            </a>
            <h1 class="title">投诉详情</h1>
        </header>
		
        <div class="content" id="content-list">
            <div class="content-block-title self-content-block-title">投诉信息</div>
            <div class="list-block media-list self-list-block">
                <ul class="list-container">
                    <!-- 加载的item内容 -->
                    <li class="item-content">                       
                        <div class="item-inner" onclick="jumpweb()">
                            <div >
                                <div style="line-height:180%">投诉标题：<span id="newstitle">暂无…</span></div>
								<div style="line-height:180%">投诉编号：<span id="businumber">暂无…</span></div>
								<div style="line-height:180%;border-bottom: 1px solid #e6e6e6">投诉时间：<span id="createtime">暂无…</span></div>
                                <div style="line-height:180%; margin-top: .5rem"><button class="btn" style="float: right;background-color: white;
    border: 1px solid #999;">查看详情</button></div>
                            </div>                           
                        </div>
                    </li>                   
                </ul>
            </div>           
            <div class="content-block-title self-content-block-title"  style="display: none">处理步骤</div>
            <div class="list-block" onclick="jumpweb()" style="display: none">
                <ul>
                    <li class="item-content">
                        <div class="item-inner" id="stepList">
                            <div style="margin: 1rem">
                                <div class="circleSucess ">
								
                                    <div class="step-content order-detail-processinfo-title">
										<span id="processinfo-status">审核通过</span>										
										<div class="order-detail-processinfo" id="processinfo-adviceadvcontent">
											发大水范德萨分啊范德萨飞洒范德萨范德萨分地撒反对撒反对撒发大水范德萨分
											啊范德萨飞洒范德萨范德萨分地撒反对撒反对撒55454分啊范德萨飞洒范分啊范德萨飞洒范									
										</div>	
										<div class="order-detail-processinfo" style="color:#ccc" id="processinfo-adviceupdatetime">2018-12-05 12:25:30</div>
									</div>
                                </div>
                                <div class="out">
                                    <div class="lineSuccess"></div>
                                </div>
                                <div class="circleSucess">
                                    <div class="step-content step-color">待付款</div>
                                </div>
                                <div class="out">
                                    <div class="lineFail"></div>
                                </div>
                                <div class="circleFail">
                                    <div class="step-content step-color">工单分配</div>
                                </div>
                                <div class="out">
                                    <div class="lineFail"></div>
                                </div>
                                <div class="circleFail">
                                    <div class="step-content step-color">工单受理</div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<script src="./public/js/sm.js"></script>
<script src="./public/js/sm-extend.js"></script>
<script src="./public/js/self.js"></script>
<script>
    $('#content-list .evaluate').attr('orderID',getUrlParam("orderid"));//参数传递，以便评价带参跳转
    var noticeInfo = JSON.parse(sessionStorage.getItem('noticeInfo'));

    //console.log(noticeInfo);

    $('#newstitle').html(noticeInfo.orderinfo.mailtitle);
    $('#mailcontent').html(noticeInfo.orderinfo.mailcontent);
   // $('#filepath').attr('src', noticeInfo.orderinfo.filepath);
    $('#createtime').html(noticeInfo.orderinfo.mailcreatetime);
    $('#businumber').html(noticeInfo.orderinfo.businumber);

    if(noticeInfo.processinfo.length>0){
        $(".list-block, .content-block-title").css("display","");
        $('#processinfo-status').html(noticeInfo.processinfo[0].advicedoaction); //步骤名称
        $('#processinfo-adviceadvcontent').html(noticeInfo.processinfo[0].adviceadvcontent);//步骤内容
        $('#processinfo-adviceupdatetime').html(noticeInfo.processinfo[0].adviceupdatetime);//步骤时间
    }

    $('#back').click(function () {
        $(window).bind('beforeunload', function () {
            sessionStorage.removeItem('noticeInfo');
        });
    });

    function jumpweb(){
        location.href="./tabsduo-show-next.html";
    }
</script>


</body>
</html>